// pages/menu/menu.js
// import ajax from './utils/js/ajax.js'
const app = getApp()
const { ajax } = app.globalData
Page({

  /**
   * 页面的初始数据
   */
  data: {
    headerStyle: `background:url('https://www.hndt.com//miniIcon/AiOpera/top_bar.png') center center no-repeat; height: calc(${wx.getStorageSync('navStatusBarHeight')}px + 200rpx);`,
    tabs: [],
    activeTab: 0,
    operasId: '', // 导航剧种Id
    repertoireName: '', // 剧名
    currentPage: 1,
    pageSize: 10,
    famousList:[]
  },
  // 搜索
  search(){
    this.repertoireName = e.detail.value
  },
  goSing(e){
    let index = e.currentTarget.dataset.index
    let currentResource =  this.data.tabs[this.data.activeTab].resourceList[index]
    // 存储当前选中片段
    wx.setStorageSync('currentResource', currentResource)
    wx.navigateTo({
      url: '/pages/planSing/planSing',
    })
  },
  // 获取导航和列表
  getNavAndList(){
    ajax.get('/singer/getOperasNameList').then(data => {
      if(data.code == 0){
        data.data.forEach((item,index) => {
          this.setData({
            [`tabs[${index}].title`]: item.name,
            [`tabs[${index}].operasId`]: item.operasId
          })
        })
        this.setData({
          operasId: data.data[0].operasId
        })
        this.getFamousInfo()
        this.getSysFileList()
      }
    })
  },
  //获取名家信息
  getFamousInfo(){
    ajax.get('/singer/getFamousInfo', { operasId: this.data.operasId }).then(data => {
      if(data.code == 0){
        this.setData({
          famousList: data.data
        })
      }
    })
  },
  //获取名家名段
  getSysFileList(){
    let params = {
      repertoireName: this.data.repertoireName,
      operasId: this.data.operasId,
      currentPage: this.data.currentPage,
      pageSize: this.data.pageSize,
    }
    ajax.get('/singer/getOperaExcerptBySearch', { ...params }).then(data => {
      if(data.code == 0){
        this.setData({
          [`tabs[${this.data.activeTab}].resourceList`]: data.data.records,
        })
        console.log(this.data.tabs)
      }
    })
  },
  // 滚动到底部触发
  scrolltolower(){
    console.log('到底了')
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // const tabs = [
    //   {
    //     title: '推荐',
    //     resourceList:[],
    //   },
    //   {
    //     title: '豫剧',
    //   },
    //   {
    //     title: '越剧',
    //   },
    //   {
    //     title: '河南梆子',
    //   },
    //   {
    //     title: '京剧',
    //   },
    //   {
    //     title: '川剧',
    //   },
    //   {
    //     title: '河南梆子1',
    //   },
    //   {
    //     title: '京剧1',
    //   },
    //   {
    //     title: '川剧1',
    //   },
    // ]
    // this.setData({ tabs })
    this.getNavAndList()
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
})